﻿@{
    ViewBag.Title = "BindMultipleEvents";
    Layout = "~/Views/Shared/_Page.cshtml";
}

<h2>Bind Multiple Events</h2>

<img id="imgSample" src="/Images/butterfly.png"><br>

<script type="text/javascript">
    $(document).ready(function () {
        $("#imgSample").on(
		{
			"mouseenter": function () { $(this).css("opacity", 0.5); },
			"mouseleave": function () { $(this).css("opacity", 1.0); }
		});
    });
</script>
